<template>
  <div id="app">
    <my-header v-if="!$route.meta.hideHeader"></my-header>
    <my-tab v-if="!$route.meta.hideHeader"></my-tab>

    <router-view />
  </div>
</template>

<script>
import MyHeader from "./components/MyHeader";

import MyTab from "./components/MyTab";
export default {
  name: "App",

  components: {
    MyHeader,
    MyTab,
  },
  watch: {
    $route(to, from) {
      if (
        this.$route.path == "/login" ||
        this.$route.path == "/reg" ||
        this.$route.path == "/forget" ||
        this.$route.path == "/mymsg"
      ) {
        this.headerShow = false;
      } else {
        this.headerShow = true;
      }
    },
  },
};
</script>
